<template>
  <div class="home-container">
    <el-menu
      mode="horizontal"
      background-color="var(--primary-color)"
      text-color="#fff"
      active-text-color="#ffd04b"
    >
      <el-menu-item index="1">
        <router-link to="/">首页</router-link>
      </el-menu-item>
      <el-menu-item index="2" class="login-btn">
        <router-link to="/login">登录</router-link>
      </el-menu-item>
    </el-menu>

    <div class="hero-section">
      <h1 class="title">欢迎来到技术博客</h1>
      <p class="subtitle">探索前沿技术，分享开发经验</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>

<style scoped>
</style>